#app {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #2c967856;
}

#root {
    margin-left: 20%;
    margin-top: 7%;
    width: 60%;
    height: 70%;
    background: url("../images/background3.jpg") center;
    background-size: 70% 80%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#l_box {
    float: left;
    width: 45%;
    height: 100%;
}

#r_box {
    float: right;
    width: 45%;
    height: 100%;
}

#login_form,
#register_form {
    margin: 20% 10%;
    width: 80%;
    height: 80%;
}

.icon_box {
    position: absolute;
    top: 20%;
    left: 5%;

    font-size: 18px;
    color: rgb(85, 85, 85);
    line-height: 100%;
}

.el-input /deep/ .el-input__inner {
    padding-left: 80px;
    background: transparent;
    /*边框*/
    border: 0;
    border-bottom: solid 2px rgb(85, 85, 85);
    color: rgb(85, 85, 85);
    outline: none;
    /*字*/
    font-size: 18px;
}

button {
    margin: 10px 15%;
    width: 70%;
    height: 37px;
    font-size: 15px;
    background-color: white;
    border: 1px rgb(63, 63, 63);
    border-radius: 15px;
}


#returnLogin:hover,
#toRegister:hover {
    background-color: #2c967856;
    border: #2c967856;
}

.primary {
    background-color: #2c967856;
    border: #2c967856;
}

.primary:hover {
    background-color: #2c967856;
}

#find_box {
    width: 100%;
    height: 7%;
    margin-top: -3%;
    text-align: right;
    color: blue;
}

#find_box:hover {
    text-decoration: underline;
}

#logo {
    position: absolute;
    z-index: 1003;
    top: 2%;
    right: 3%;
    width: 10%;
}

#cover {
    position: absolute;
    z-index: 1003;
    top: 9%;
    left: 50%;
    width: 28%;
    height: 80%;
    transition: all 0.5s ease-in-out;
}

img {
    width: 100%;
    height: 100%;
}